<template>
    <div class="account">
        <el-card class="accountcard" shadow="never">
            <el-row>
                <el-col :span="24">
                    <accountTop></accountTop>
                </el-col>
            </el-row>
        </el-card>

        <el-card class="accountcard" shadow="never">
            <el-row>
                <el-col :span="24">
                    <accountButtom></accountButtom>
                </el-col>
            </el-row>
        </el-card>

    </div>
</template>
<script setup lang="ts">
import accountTop from './components/accountTop.vue';
import accountButtom from './components/accountButtom.vue'
</script>

<style lang="scss" scoped>
.account {
    width: 100%;
    height: 100%;
    padding: 10px;
}

.accountcard {
    border: none;
    margin-bottom: 10px;
    // height: 400px;
}
</style>
